<template name="skeleton">
  <view class="sk-container">
    <view class="workbench">
      <view class="header-swiper">
        <swiper autoplay="false" circular="true" class="swiper" duration="1000" interval="3500" current="0">
          <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <view class="swiper-item-view" data-event-opts="tap,handleApplyList,training">
              <image class="swiper-image sk-image" mode="aspectFill"></image>
            </view>
          </swiper-item>
        </swiper>
      </view>
      <view class="nav-function-box">
        <view class="nav-function-item">
          <view class="nav-icon-box bg0"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-190 sk-text">日常任务</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg5"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-111 sk-text">自定义任务</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg6"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-17 sk-text">活动立项</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg3"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-994 sk-text">卡券管理</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg7"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-286 sk-text">招揽记录</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg8"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-17 sk-text">招揽结果</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg9"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-381 sk-text">招揽成效</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg10"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-70 sk-text">优惠券到期</text>
        </view>
        <view class="nav-function-item">
          <view class="nav-icon-box bg11"></view>
          <text class="nav-item-text sk-transparent sk-text-14-2857-870 sk-text">过程点检</text>
        </view>
      </view>
      <view is="wxcomponents/vant/dist/tabs/index" class="task_tabs vue-ref" data-com-type="wx" data-ref="tabs">
        <view class=" van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
          <view is="wxcomponents/vant/dist/sticky/index">
            <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
              <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
                <view class="van-tabs__wrap tabs-index--van-tabs__wrap van-tabs__wrap--scrollable tabs-index--van-tabs__wrap--scrollable">
                  <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="-130.10937881469727" style="border-color: #008aff" scroll-x="true" scroll-with-animation="true">
                    <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line van-tabs__nav--complete tabs-index--van-tabs__nav--complete " style="true">
                      <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;transform:translateX(57.55729293823242px);-webkit-transform:translateX(57.55729293823242px);background-color:#008aff;transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
                      <view class="  van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active van-tab--complete tabs-index--van-tab--complete" data-index="0" style="true">
                        <view style="background-position-x: 50%;" class="sk-transparent sk-text-34-0909-548 sk-text">
                          定保招揽
                        </view>
                      </view>
                      <view class=" van-tab tabs-index--van-tab van-tab--complete tabs-index--van-tab--complete" data-index="1" style="true">
                        <view style="background-position-x: 50%;" class="sk-transparent sk-text-34-0909-308 sk-text">
                          预约促进
                        </view>
                      </view>
                      <view class=" van-tab tabs-index--van-tab van-tab--complete tabs-index--van-tab--complete" data-index="2" style="true">
                        <view style="background-position-x: 50%;" class="sk-transparent sk-text-34-0909-466 sk-text">
                          自定义导入
                        </view>
                      </view>
                    </view>
                  </scroll-view>
                </view>
              </view>
            </view>
          </view>
          <view class="van-tabs__content tabs-index--van-tabs__content">
            <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track--animated tabs-index--van-tabs__track--animated van-tabs__track tabs-index--van-tabs__track" style="left:0%;transition-duration:0.3s;-webkit-transition-duration:0.3s">
              <view is="wxcomponents/vant/dist/tab/index" data-com-type="wx">
                <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true">
                  <view class="task_detail">
                    <view class="task_number_item sk-image">
                      <view class="number_item_left">
                        <view class="left_img">
                          <image class="ellipse_image sk-image"></image>
                        </view>
                        <view class="left_text sk-transparent sk-text-14-2857-249 sk-text">任务数</view>
                      </view>
                      <view class="number_item_right">
                        <view class="right_text sk-transparent sk-opacity">1</view>
                        <view class="right_img">
                          <image class="vector_image sk-image"></image>
                        </view>
                      </view>
                    </view>
                    <view class="task_number_item sk-image">
                      <view class="number_item_left">
                        <view class="left_img">
                          <image class="ellipse_image sk-image"></image>
                        </view>
                        <view class="left_text sk-transparent sk-text-14-2857-216 sk-text">已完成</view>
                      </view>
                      <view class="number_item_right">
                        <view class="right_text sk-transparent sk-opacity">0</view>
                        <view class="right_img">
                          <image class="vector_image sk-image"></image>
                        </view>
                      </view>
                    </view>
                    <view class="task_number_item sk-image">
                      <view class="number_item_left">
                        <view class="left_img">
                          <image class="ellipse_image sk-image"></image>
                        </view>
                        <view class="left_text sk-transparent sk-text-14-2857-386 sk-text">成功</view>
                      </view>
                      <view class="number_item_right">
                        <view class="right_text sk-transparent sk-opacity">0</view>
                        <view class="right_img">
                          <image class="vector_image sk-image"></image>
                        </view>
                      </view>
                    </view>
                    <view class="task_number_item sk-image">
                      <view class="number_item_left">
                        <view class="left_img">
                          <image class="ellipse_image sk-image"></image>
                        </view>
                        <view class="left_text sk-transparent sk-text-14-2857-213 sk-text">继续</view>
                      </view>
                      <view class="number_item_right">
                        <view class="right_text sk-transparent sk-opacity">0</view>
                        <view class="right_img">
                          <image class="vector_image sk-image"></image>
                        </view>
                      </view>
                    </view>
                    <view class="task_number_item sk-image">
                      <view class="number_item_left">
                        <view class="left_img">
                          <image class="ellipse_image sk-image"></image>
                        </view>
                        <view class="left_text sk-transparent sk-text-14-2857-646 sk-text">战败</view>
                      </view>
                      <view class="number_item_right">
                        <view class="right_text sk-transparent sk-opacity">0</view>
                        <view class="right_img">
                          <image class="vector_image sk-image"></image>
                        </view>
                      </view>
                    </view>
                    <view class="task_number_item sk-image">
                      <view class="number_item_left">
                        <view class="left_img">
                          <image class="ellipse_image sk-image"></image>
                        </view>
                        <view class="left_text sk-transparent sk-text-14-2857-963 sk-text">未完成</view>
                      </view>
                      <view class="number_item_right">
                        <view class="right_text right_text_color sk-transparent sk-opacity">1</view>
                        <view class="right_img">
                          <image class="vector_image sk-image"></image>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="less">
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-190 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-111 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-17 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-994 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-286 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-381 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-70 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-870 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-34-0909-548 {
	    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
	    background-size: 100% 88.0000rpx;
	    position: relative !important;
	  }
	.sk-text-34-0909-308 {
	    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
	    background-size: 100% 88.0000rpx;
	    position: relative !important;
	  }
	.sk-text-34-0909-466 {
	    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
	    background-size: 100% 88.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-249 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-216 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-386 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-213 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-646 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-963 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>